<!--{template touch/common/header}-->

<style>
    .login-prompt {
        margin: 20px;
        padding: 20px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.1);
        text-align: center;
    }
    .login-prompt h3 {
        margin: 15px 0;
        color: #333;
        font-size: 18px;
    }
    .login-prompt p {
        margin-bottom: 20px;
        color: #666;
        font-size: 14px;
    }
    .login-btn {
        display: inline-block;
        padding: 10px 20px;
        background: #1E88E5;
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
        font-size: 16px;
        width: 80%;
        max-width: 200px;
        box-sizing: border-box;
    }
    .login-icon {
        font-size: 50px;
        color: #FF9800;
        margin: 10px 0;
    }
    .login-footer {
        margin-top: 30px;
        font-size: 12px;
        color: #999;
    }
</style>

<div class="login-prompt">
    <div class="login-icon">🔒</div>
    <h3>请先登录</h3>
    <p>登录后才能使用签到功能</p>
    <a href="member.php?mod=logging&action=login" class="login-btn">立即登录</a>
    <div class="login-footer">
        还没有账号？<a href="member.php?mod=register">注册新账号</a>
    </div>
</div>

<!--{template touch/common/footer}-->